<{php}>
    $productCatsForMenu = $query->getProductCat('sys');

<{/php}>
<div id="header">
    <div class="navbar-default header hidden-xs" style="background:#fff;">
        <div class="container nav_top">
            <div aria-expanded="false" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
                <span class="icon-bar"></span>
            </div>
            <div class="collapse navbar-collapse ">
                <ul class="navbar-text navbar-right nav hidden-xs">
                    <li class="j_hoverBox">
                        <!--<a href="javascript:void(0);" class="j_hoverTitle"><i><img src="/static/images/top_icons2.png" width="12" height="12" alt="Follow"/></i>Follow</a>-->
                        <div class="bar-item-cont bar-item-weixin j_hoverCont">
                            <!--<img src="/static/images/qrcode.png" style="width:100px"><span>Follow Horse</span>-->
                        </div>
                    </li>
                    <li class="lan_wrap">
                        <a href="javascript:void(0);" class="languages" data-action="lanToogle" data-target=".languagein"><i><img src="/static/images/top_icons3.png" width="12" height="12" alt=""/></i><{:lang('language')}>: English</a>
                        <div class="lan">
                            <div class="languagein">
                                <p class="pb15 mb30">Select language</p>
                                <ul class="list-unstyled">
                                    <li><a href="https://es.horseen.com/">Español</a></li>
                                    <li><a href="https://www.horseen.com/">English</a></li>
                                    <li><a href="http://ar.horseen.com/">اللغة العربية</a></li>
                                    <li><a href="http://fr.horseen.com/">France</a></li>
                                    <li><a href="http://ru.horseen.com/">Русский язык</a></li>
                                    <li><a href="http://www.shhorse.com">中文</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>

                </ul>

            </div>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="container ">
        <div class="row subnav">
            <div class="col-md-4 col-sm-4 logo">
                <div class="navbar-brand">
                    <a href="/">
                        <img src="/static/images/logo.png" width="277" height="60" alt="SBM" class="img-responsive center-block hidden-xs  " style="width:250px;"/>
                        <img src="/static/images/logo.png" width="100" height="26" alt="" style="width:11rem;height:2rem;" class="img-responsive visible-xs"/>
                    </a>
                </div>
            </div>
            <div class="col-md-8 col-sm-8 col-md-offset-0 col-sm-offset-0 hidden-xs" role="navigation">
                <div class="search-expand" style="display:block;float:right;width:500px;">
                    <form method="post" name="search_js1" class="searchform themeform" action="/index/search/index" target="_blank" _lpchecked="1">
                        <input type="text" class="search input" name="q"  style="width:450px;" placeholder="<{:lang('search')}>">
                        <button type="submit" class="tip-bottom" title="Search">
                            <i class="icon-search"></i>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!--导航条 -->
    <div class="universal">
        <div class="container left_nav">

            <div class="row">
                <div class="col-md-12 col-sm-12 col-md-offset-0 col-sm-offset-0" role="navigation">
                    <div class="sidebar-wrapper  hidden-lg hidden-md hidden-sm">
                        <i class="icon-toggle"></i>
                        <div class="sidebar hidden-lg hidden-md hidden-sm">
                            <div class="sidebar-title">
                                <i class="left-arrow-icon"></i>
                            </div>


                            <div class="sidebar-content">
                                <ul class="sidebar-menu list-unstyled">
                                    <!--<li class="navbar-icon home-icon"><a href="/">Home</a></li>
                                    <li><a href="<{php}> echo $query->U('index/business/agent',true);<{/php}>">About</a></li>-->
                                    <li><a href="#"><{:lang('home')}></a></li>
                                    <li><a href="<{php}> echo $query->U('index/about/index',true);<{/php}>"><{:lang('about')}></a></li>
                                    <li><a href="<{php}>echo $query->U('index/product/syscat',true);<{/php}>"><{:lang('product')}></a></li>
                                    <li><a href="<{php}>echo $query->U('index/customer_case/index',true);<{/php}>"><{:lang('project')}></a></li>
                                    <li><a href="<{php}>echo $query->U('index/download/index',true);<{/php}>"><{:lang('download')}></a></li>
                                    <li><a href="<{php}>echo $query->U('index/contact/index',true);<{/php}>"><{:lang('contact')}></a></li>
                                    <!--<li class="navbar-icon case-icon"><a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>">Case</a>
                                        <ul class="list-unstyled sidebar-sub-menu">
                                            <li><a href="/business/mine/case/">Mining</a></li>
                                        </ul>
                                    </li>-->
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="collapse navbar-collapse  col-text">

                            <ul class="new_nav">
                                <li><a href="/"><{:lang('home')}></a></li>
                                <li>
                                    <a href="<{php}> echo $query->U('index/about/index',true);<{/php}>"><{:lang('about')}></a>
                                    <ul class="new_nav_sub hidden" >
                                        <a href="<{php}> echo $query->U('index/about/about',true);<{/php}>"><li><{:lang('about_us')}></li></a>
                                        <a href="<{php}> echo $query->U('index/solution/index',true);<{/php}>"><li><{:lang('solution')}></li></a>
                                        <a href="<{php}> echo $query->U('index/post/index/id/4',true);<{/php}>"><li><{:lang('news')}></li></a>
                                        <a href="<{php}> echo $query->U('index/service/index',true);<{/php}>"><li><{:lang('service')}></li></a>
                                    </ul>
                                </li>
                                <li>
                                    <a href="<{php}>echo $query->U('index/product/syscat',true);<{/php}>"><{:lang('product')}></a>
                                    <ul class="new_nav_sub hidden" >
                                        <{volist name="$productCatsForMenu" id="item"}>
                                        <a href="<{php}> echo $query->U('index/product/syslist/id/'.$item['id'],true);<{/php}>"><li><{$item.name}></li></a>
                                        <{/volist}>

                                    </ul>
                                </li>
                                <li>
                                    <a href="<{php}>echo $query->U('index/customer_case/index',true);<{/php}>"><{:lang('project')}></a>
                                    <ul class="new_nav_sub hidden" >
                                        <a href="<{php}> echo $query->U('index/customer_case/index/id/17',true);<{/php}>" ><li><{:lang('civil_building')}></li></a>
                                        <a href="<{php}> echo $query->U('index/customer_case/index/id/7',true);<{/php}>" ><li><{:lang('highway_&_bridge')}></li></a>
                                        <a href="<{php}> echo $query->U('index/customer_case/index/id/5',true);<{/php}>" ><li><{:lang('airport')}></li></a>
                                        <a href="<{php}> echo $query->U('index/customer_case/index/id/8',true);<{/php}>" ><li><{:lang('port_&_wharf')}></li></a>
                                        <a href="<{php}> echo $query->U('index/customer_case/index/id/9',true);<{/php}>" ><li><{:lang('water_dam')}></li></a>
                                        <a href="<{php}> echo $query->U('index/customer_case/index/id/11',true);<{/php}>" ><li><{:lang('historical_building')}></li></a>
                                    </ul>
                                </li>
                                <li>
                                    <a href="<{php}>echo $query->U('index/download/index',true);<{/php}>"><{:lang('download')}></a>
                                    <ul class="new_nav_sub hidden" >
                                        <a href="<{php}>echo $query->U('index/download/category/id/1',true);<{/php}>" ><li><{:lang('product_data_sheet')}></li></a>
                                        <a href="<{php}>echo $query->U('index/download/category/id/2',true);<{/php}>" ><li><{:lang('certificates')}></li></a>
                                        <a href="<{php}>echo $query->U('index/download/category/id/3',true);<{/php}>" ><li><{:lang('test_report')}></li></a>
                                        <!--<a href="<{php}>echo $query->U('/index/download/category/id/4',true);<{/php}>" ><li>Video</li></a>-->
                                        <a href="<{php}>echo $query->U('index/post/index/id/5',true);<{/php}>" ><li>Video</li></a>
                                    </ul>
                                </li>
                                 <li>
                                    <a href="javascript:;" target="_blank"><{:lang('Distributor')}></a>
                                     <ul class="new_nav_sub hidden" >
                                         <a href="/business.html" target="_blank"><li><{:lang('Be-our-agent')}></li></a>
                                         <a href="<{php}> echo $query->U('index/service/network',true);<{/php}>" ><li><{:lang('oversea_distributor')}></li></a>
                                     </ul>
                                </li>
                                <li>
                                    <a href="<{php}>echo $query->U('index/contact/index',true);<{/php}>"><{:lang('contact')}></a>
                                    <ul class="new_nav_sub hidden" >
									  <a href="<{php}> echo $query->U('index/index/messages',true);<{/php}>" ><li><{:lang('horse_headquarter')}></li></a>
                                    </ul>
                                </li>
                            </ul>

                    </div>
                </div>
            </div>
        </div>
        <div style="height:0px;background:silver;">

        </div>
    </div>
</div>
<div class="pro_list_wrap hide">
    <div class="container">
        <div id="pro-li" class="row">
            <{php}>$funProductCats = $query->getProductCat('fun');<{/php}>
            <{volist name="funProductCats" id="item"}>
            <div  class="col-xs-12 col-md-3">
                <h3 style="font-size:14px;padding-left:15px;font-weight:bold;"><{$item.name}></h3>
                <{if condition="(!empty($item.sub))"}>
                <{volist name="$item.sub" id="i"}>
                <li><a href="<{php}> echo $query->U('index/product/funProductList/id/'.$i['id'],true);<{/php}>"><{$i.name}></a></li>
                <{/volist}>
                <{/if}>
            </div>
            <{/volist}>
        </div>
    </div>
</div>



<script type="text/javascript">
    $(document).ready(function() {
        $('#sb_gjj').hover(function() {
            $('ol', this).slideDown(200);
            $(this).children('a:first').addClass("hov");
        }, function() {
            $('ol', this).slideUp(100);
            $(this).children('a:first').removeClass("hov");
        });
    });

</script>

<style type="text/css">
    <{php}>
    if($_SERVER['HTTP_HOST'] == 'ar.horseen.com'){
        echo "html{direction:rtl;}";
    }
    <{/php}>
    body{font-family: "Microsoft YaHei", "微软雅黑";}
    .universal{background:#231815; /*#c30813*/;  margin: 21px 0;}
    @media (max-width: 768px)
    {
        .universal{background:transparent;  margin: 21px 0;}
        .left_nav{height:50px;position:absolute;right:0;top:0;z-index:100000;}
    }
    .search-expand{top:0;padding:0;position:static;}
    .search-expand button{top:0;position:static;}
    .new_nav{display:flex;justify-content:space-between;padding:0;height: 45px;  line-height: 45px;  text-align: center;  }
    .new_nav >li{width:16.6%;border-right:0px solid white;z-index:999990000;}
    .new_nav >li a{color:white;font-size:14px;}
    .new_nav >li:last-child{border-right:0;}
    .new_nav >li:hover{background:#999;color:white;}
    .new_nav >li:hover a{color:white;}
    .new_nav >li:hover .new_nav_sub{display:block !important;}
    .new_nav_sub{background: #f5f5f5;padding:0;z-index:99999999;}
    .new_nav_sub li {text-align:left;color:#333;height:auto;padding:10px 0;padding-left:20px;border-bottom:1px solid white;font-size:12px;}
    .new_nav >li:hover .new_nav_sub a:hover{background:#999;color:white;z-index:999999999;}
    .new_nav >li:hover .new_nav_sub li:hover{color:white;z-index:999990000;}
    .new_nav_sub >a  {display:list-item;}
</style>

